@CHARSET "ISO-8859-1";

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/fondo_cr.jpg);
	background-attachment: fixed;
	background-size: 100% 100%;
	margin: 0px;
}

#contenedor {
	width: 980px;
	margin: auto;
	background: url(../img/fondo.png);
	box-shadow: 3px 7px 7px rgba(0, 0, 0, 0.4);
}

header {
	
	margin: 0px;
}

#imgcabecera{
	background: url(../img/fondo.png);
}

#baner {
	border-bottom: 2px solid #fff;
	background: url(../img/fondoBanerCopia.png);
}

#logos {
	width: 988px;
	margin: auto;
}

#logo1 {
	width: 252px;
	height: 55px;
	background: url(../img/logo.png);
	float: left;
	display: block;
	margin-top: 25px;
	margin-left: 4px;
}

#logo2 {
	width: 100px;
	height: 100px;
	background: url(../img/HIDROCEC_logo.png);
	background-size: 100% 100%;
	margin: 5px;
	float: right;
}

#titulo {
	width: 350px;
	height: 58px;
	float: left;
	margin-top: 30px;
	margin-left: 250px;
	background: url(../img/titulo.png);
	background-size: 100% 100%;
}

aside {
	width: 232px;
	padding: 7px 7px 7px 10px;
	float: left;
}

#publicaciones {
	width: 205px;
	margin-bottom: 12px;
	background: url(../img/fondo2.png);
	text-align: justify;
	box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
	padding: 15px;
	border: 1px solid #fff;
}
.secciones {
	width: 679px;
	margin-bottom: 12px;
	margin-right: 8px;
	background: url(../img/fondo2.png);
	text-align: justify;
	padding: 15px;
	box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	font-size: 17px;
}

.secciones span{
	font-weight: bold;
}

/*#datepicker {
	width: 100%;
	height: 235px;
	background-size: 100% 100%;
	background: url(../img/calendario.jpg);
}*/

section {
	width: 717px;
	padding: 7px;
	float: right;
}

.imgsec {
	width: 100%;
	height: 150px;
	padding-top: 8px;
}

.servicios {
	width: 212px;
	float: left;
	padding: 7px;
}

.separador {
	border: 1px solid #c7c6c6;
	margin-top: 10px;
	margin-bottom: 5px;
}

#p {
	font-size: 11px;
}

#p1 {
	font-size: 13px;
	text-align: center;
}

#pie {
	width: 980px;
	margin: auto;
	padding-bottom: 20px;
	height: 170px;
}

footer {
	border-top: 2px solid #fff;
	background: url(../img/fondoPie.png);
	margin-top: 10px;
	padding-top: 7px;
}

#social ul {
	list-style-type: none;
	list-style-position: inside;
}

#areas ul {
	list-style-type: none;
	list-style-position: inside;
}

#desarrolladores ul {
	list-style-type: none;
	list-style-position: inside;
}

#social li {
	width: 250px;
	margin-right: 5px;
}

#social a {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url(../img/sociales.png);
	transition: all 0.2s ease-in-out 0s;
	line-height: 40px;
	text-decoration: none;
	color: white;
}

#social a span {
	margin-top: 10px;
	margin-left: 45px;
}

#social {
	width: 200px;
	padding: 10px 0px 0px 15px;
	float: left;
}

#social h3 {
	padding-bottom: 3px;
	color: #65cdd9;
}

#areas ul li {
	padding-bottom: 6px;
}

#areas {
	width: 260px;
	padding: 10px 0px 0px 15px;
	float: left;
	margin-left: 140px;
	text-align: justify;
}

#areas h3 {
	padding-bottom: 3px;
	color: #65cdd9;
}

#areas a {
	transition: all 0.2s ease-in-out 0s;
	text-decoration: none;
	color: white;
	display: block;
}

#areas a:hover {
	background-position: -40px -40px;
	color: #c1c1c1;
}

#desarrolladores {
	padding: 10px 0px 0px 15px;
	width: 220px;
	padding: 10px 0px 0px 15px;
	float: right;
	text-align: justify;
}

#desarrolladores h3,h4 {
	padding-bottom: 3px;
	color: #65cdd9;
}

#desarrolladores a {
	transition: all 0.2s ease-in-out 0s;
	text-decoration: none;
	color: white;
	display: block;
}

#desarrolladores ul li {
	padding-bottom: 6px;
}/*

#desarrolladores a:hover {
	background-position: -40px -40px;
	color: #c1c1c1;
}*/

#pieContenido{
	padding-top: 13px;
}

#pie2 {
	height: 25px;
	background-image: url(../img/fondoPie2.png);
	color: white;
	text-align: center;
	padding-top: 15px;
	font-size: 13px;
}

#ico_telefono {
	background-position: 0 0;
}

#ico_correo {
	background-position: 0 -40px;
}

#ico_facebook {
	background-position: 0 -80px;
}

#ico_telefono:hover {
	background-position: -40px 0;
	color: #c1c1c1;
}

#ico_correo:hover {
	background-position: -40px -40px;
	color: #c1c1c1;
}

#ico_facebook:hover {
	background-position: -40px -80px;
	color: #c1c1c1;
}